@charset "utf-8";

//@import "reset";

$fontsize:40;

@function r($px){
    @return $px/$fontsize * 1rem;
}
*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 0px;
}

html,body{
    width: 100%;
    height: 100%;
}
#web{
    width: 100%;
    height: 100%;
    position: relative;
    .alert{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 200;
        background:transparent;
        .alert1{
            display: none;
            position: absolute;
            top: 35%;
            width: 90%;
            margin-left: 5%;
            height: r(300);
            background: white;
            border-radius: r(8);
            .alert-font{
                font-size: r(30);
                margin-top: r(100);
                text-align: center;
                }
            button{
                margin-left: 10%;
                width: 80%;
                height: r(80);
                font-size: r(30);
                margin-top: r(50);
                background: white;
                border-radius: r(8);
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                outline: none;
                cursor: pointer;
            }
        }
        .alert3{
            display: none;
            position: absolute;
            top: 35%;
            width: 90%;
            margin-left: 5%;
            height: r(300);
            background: white;
            border-radius: r(8);
            .alert-font{
                font-size: r(30);
                margin-top: r(100);
                text-align: center;
                }
            button{
                margin-left: 10%;
                width: 80%;
                height: r(80);
                font-size: r(30);
                margin-top: r(50);
                background: white;
                border-radius: r(8);
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                outline: none;
                cursor: pointer;
            }
        }
       
    }
    .rent-img{
        width: 100%;
        height: 100%;
        position: relative;
        img{
            width: 100%;
            height: 100%;
        }
        .rent-button{
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: r(232);
            .rent-buttons{
                width: r(469);
                height: r(78);
                margin: 0 auto;
                position: relative;
                img{
                    width: 100%;
                    height: 100%;
                }
                .rent_title{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: r(78);
                    text-align: center;
                    font-size: r(26);
                    color: #d9711b;
                    line-height: r(60);
                }
            }
            .rent-data{
                width: 100%;
                height: r(100);
                text-align: center;
                p{
                    margin-top: r(14);
                    font-size: r(24);
                    color: #000000;
                    line-height: r(35);
                }
                p:last-child{
                    margin-top: 0px;
                    font-size: r(20);
                }
            }
        }
        .rent-quan{
            position: absolute;
            display: none;
            top:50%;
            left: 30%;
            width: r(235);
            height: r(82);
           
            img{
                width: 100%;
                height: 100%;
                 
            }
        }
        .show{
             animation: left 1s ease;
        }
        @keyframes left{
            0%{transform: scale(0) rotate(360deg);};
            100%{transform: scale(1) rotate(0deg);}
        }
    }
}
